<!doctype html>
<%@ page pageEncoding="UTF-8" isELIgnored="false" %>
<html  class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <title>友玩后台登录</title>
    <base href="${pageContext.request.contextPath}/">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="lib/layui/layui.js" charset="utf-8"></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        label{
            padding-left: 5px;
            font-weight: bold;
        }
    </style>
</head>
<body class="login-bg">

<div class="login layui-anim layui-anim-up">
    <div class="message">管理员登录  <span style="padding-left: 40px; color: red">${msg}</span></div>
    <div id="darkbannerwrap"></div>

    <form action="LoginAction" method="post" class="layui-form" >
        <input name="mob" placeholder="手机号"  type="text" class="layui-input" >
        <hr class="hr15">
        <input name="password" placeholder="密码"  type="password" class="layui-input">
        <hr class="hr15">
        <div>
            <input name="verifyCode" style="width: 100px;" class="txt" type="text" placeholder="输入验证码" />
            <img style="padding-top:5px;padding-left:40px;height: 42px;vertical-align: top" src="GetVerifyCodeAction" onclick='changeCode(this)'>
            <span style="color: #E04D4B">${errors.verifyCode}</span>
        </div>
        <hr class="hr15">
        <input value="登录"  style="width:100%;" type="submit">
        <hr class="hr20" >
        <div style="padding-top: 10px;">
            <label><input name="saveUserFlag" type="checkbox" value="1" style="display: inline-block;padding-top: 3px"/>&nbsp;<span>记住用户</span></label>
            <label style="padding-left: 210px"><a href="findPassword.jsp">忘记密码</a></label>
        </div>
    </form>
</div>

<script>
    function changeCode(obj){
        var src = " GetVerifyCodeAction?"+new Date().getTime(); //加时间戳，防止浏览器利用缓存
        obj.src=src;
    }
    // $(function  () {
    //
    //     layui.use('form', function(){
    //         var form = layui.form;
    //         // layer.msg('玩命卖萌中', function(){
    //         //   //关闭后的操作
    //         //   });
    //         //监听提交
    //         form.on('submit(login)', function(data){
    //             // alert(888)
    //             layer.msg(JSON.stringify(data.field),function(){
    //                 location.href='index.html'
    //             });
    //             return false;
    //         });
    //     });
    // })

    // $(function () {
    //     console.log(1);
    //     $(".btn").click(function () {
    //         console.log(1);
    //         window.location= "findPassword.jsp";
    //     })
    // })
</script>
</body>
</html>